Reconciliation & Fiber


Reconciliation 是什麼?

React 透過 Virtual DOM 還有 Diff 演算法算出畫面中實際需要更新的部分,比對更新前後 virtual DOM 的差異之後,再去更動真實的 DOM,有效減少渲染的次數 ,而這個 Diff 的過程也被稱作 reconciliation。

Fiber 架構

在 fiber 架構以前 React 渲染頁面時主要會經過兩個階段

  • Reconciler
  • Renderer

Fiber 架構改變 React 的 Reconciliation 流程

  • fiber 架構後還會經過一層 scheduler 來調度工作,而 reconciler 這個步驟的運作機制也經過調整

Ref








你可能感興趣的文章

在臺灣與世界做朋友-我在 TourMeAway 的英語導覽經驗回顧

在臺灣與世界做朋友-我在 TourMeAway 的英語導覽經驗回顧

ES6 的 export 與 import

ES6 的 export 與 import

Vue.js 學習旅程Mile 9 – Event Handling 事件處理篇-1:methods & v-on

Vue.js 學習旅程Mile 9 – Event Handling 事件處理篇-1:methods & v-on






留言討論